// 引入 path 模块，Node.js 中的系统模块
const path = require("path");

// 引入 exports 模块
module.exports = {
  mode: "development", // 设置打包模式为开发模式
  // 入口
  entry: "./src/app.js",
  // 出口
  output: {
    path: path.resolve(__dirname, "dist"), // __dirname 是 Node.js 系统模块，用于表示当前文件的绝对路径
    filename: "demo.bundle.js", // 出口文件
  },
  module: {
    rules: [
      {
        test: /\.css$/, // 使用正则匹配选取扩展名为 .css 结尾的文件
        use: ["style-loader", "css-loader"], // 上面 test 选取的文件内容由 style-loader、css-loader 处理转化
      },
      {
        test: /\.(png|jpg|gif)$/i,
        type: "asset",
        parser: {
          dataUrlCondition: {
            maxSize: 5000, // 限制图片在 5000 字节内直接转化为 base64 的图片编码，而不是通过 HTTP 请求它的图片路径
          },
        },
      },

    ],
  },
  devServer: {
    proxy: { // 配置 proxy 代理，解决接口跨域问题
      "/api": {// 设置当请求地址中以 /api 开头的，则默认访问的为 http://localhost:9000
        target: "http://localhost:9000",
        pathRewrite: { // 接口路径重写
          "/api": "" // 将访问的接口路径中的 /api 自动替换为空字符串，目标指向 http://localhost:9000
        }
      }
    }
  }

};